<script setup lang="ts">
  import { useRouter } from "vue-router";
  let router = useRouter()
  let login =()=>{
    router.push('/login')
  }
</script>

<template>
  <div class="section">
    <div class="section1">欢迎来到OMINI</div>
    <div class="section2">想看更多？立即登录</div>
    <button @click="login">登录</button>
  </div>
</template>

<style scoped>
  *{
    background-color: #C1AB96;
  }
  .section{
    height: 600px;
    overflow: hidden;
  }
  .section1,.section2{
    font-size: 20px;
    font-weight: bold;
    color: white;
  }
  .section2{
    margin-top: 40%;
    margin-left: 20%;
  }
  button{
    margin-top: 5%;
    margin-left: 30%;
    width: 120px;
    height: 30px;
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #C1AB96;
    font-weight: bold;
    font-size: 12px;
  }
</style>
